<!DOCTYPE html>  
<html>
	<head>  
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
		<title>Hello, World</title>  
		<style type="text/css">  
		html{height:100%}  
		body{height:100%;margin:0px;padding:0px}  
		#container{height:100%}  
		</style>  
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=1yGIc901IHvG65b3jGUu5nrkWUOYpT3c"></script>
	</head>  
 
	<body>  
		<div id="container"></div> 
		<script type="text/javascript"> 
			var map = new BMap.Map("container");
			// 创建地图实例  
			var point = new BMap.Point(114.40688719021693, 30.71340056796788);
			// 创建点坐标  
			map.centerAndZoom(point, 16);
			// 初始化地图，设置中心点坐标和地图级别 
			map.enableScrollWheelZoom();
	
			// 给map添加事件
			map.addEventListener("click", function(e){    
				map.clearOverlays();
				// 添加标注
				var point2 = new BMap.Point(e.point.lng, e.point.lat);
				var marker = new BMap.Marker(point2);        // 创建标注    
				map.addOverlay(marker);                     // 将标注添加到地图中 
				// 生成路径
				var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
				driving.search(point2, point);
				
			}) 
			
			
			
		</script>  
	</body>  
</html>